<template>
  <el-form :model="detailForm"  v-loading="loading" class="elForm">
    <el-card class="box-card" shadow="never">
      <div slot="header" class="header-card">
        <span class="header-card-title">完善出库信息</span>
      </div>

      <el-row :gutter="24">
        <el-col :span="8">
          <el-form-item label="出库时间:" prop="outStorageTime">
            <span>{{detailForm.outStorageTime}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="出库里程:" prop="outboundMileage">
            <span>{{ detailForm.outboundMileage }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="出库油量:" prop="outboundOilQuantity">
            <span>{{detailForm.outboundOilQuantity}}</span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row :gutter="24">
        <el-col :span="24">
          <el-form-item label="上传交车单:" prop="deliveryNoteOss">
            <image-common v-model="detailForm.deliveryNoteOss" :disabled="true" :upType="2"/>
          </el-form-item>
        </el-col>
        <el-col :span="24" style="margin-top: 16px">
          <el-form-item label="附件上传:" prop="attachmentOss">
            <image-common v-model="detailForm.attachmentOss" :disabled="true" :upType="2"/>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="备注:" prop="remark">
            <span>{{detailForm.remark}}</span>
          </el-form-item>
        </el-col>
      </el-row>

    </el-card>
  </el-form>
</template>

<script>
import { getVehicleDeliveryMessage} from "@/api/zcwh/vehicleTabs.js";
export default {
  name: 'index',
  props: ['carId'],
  computed: {},
  watch: {},
  data() {
    return {
      detailForm: {},
      loading: false
    };
  },
  created() {
    this.handleData()
  },
  mounted() {
  },
  methods: {
    async handleData() {
      this.loading = true
      try {
        const res = await getVehicleDeliveryMessage(this.carId)
        this.detailForm = res.data || {}
      } catch (e) {
        console.error(e)
      } finally {
        this.loading = false
      }

    },

  },
};
</script>

<style lang="scss" scoped>
@import "@/styles/cwgd/formScss.scss";
</style>


